<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="样式.css"/>
	</head>
	<body>
		<div class="w">
		<div class="header">
			
			<p>E-mail:
			<span style="color: rgb(238,77,23);">mail@yoursite.com</span>
			<span>| Mobile:</span>
			<span style="color: rgb(238,77,23);">123 456 789</span>
				<img src="img/coversation_06.jpg" >
				<img src="img/coversation_08.jpg" >
				<img src="img/coversation_10.jpg" >
				<img src="img/coversation_12.jpg" >
				<img src="img/coversation_14.jpg" >
			</p>
			<div class="pic">
				<img src="img/logo_23.jpg" >
				<span style="background: #f4b011;color: white;">
					Home
				</span>
				
				<span style="margin-left: 7px;">
					About Us
				</span>
				<span style="margin-left: 7px;">
					Portfolio
				</span>
				<span style="margin-left: 7px;color: #ff4718;">
					Blog
				</span>
				<span style="margin-left: 7px;">
					Contact
				</span>
			</div>
			<div class="bt">
				
			</div>
		</div>
		
		<div class="banner">
			<div class="banner_up">
				<div class="bg">
					<div class="zi">
							<p>
								WE MAKE THE WEB AMAZING
							</p>
							<p>
								Duo probo dicunt dfficiendi in, cu vim graecis invidunt, nemore patrioque pri id.Mei aliquip menadri
							</p>
							<p>
								ea. Ex pri dictas patentium constituto, cum cu facilis blandit.Dicat summo duo ea, ex sed assum
							</p>
							<p>
								 delicatissimi has.
							</p>
					</div>
				</div>
				
			</div>
			<div class="banner_mid">
				<div class="bt_2"></div>
				<div class="ad">
				<div class="banner_ad fl">
					<img class="fl" src="img/feature_t_img_01.jpg" >
					<p>Web and UX Design</p>
					<p>Graeci lines mollis ne eos in.</p>
					<span>Ex pri dictas patentium constituto, cum cu facilis blandit. Dicat summo duo ea, 
					ex sed assum delicatissimi. Has pertinax pericula accommodare ei, diam facer deterruisset eum et.
					</span>
					
				</div>
				<div class="banner_ad fl">
					<img class="fl" src="img/feature_t_img_02.jpg" >
					<p>Web Development</p>
					<p>Graeci lines mollis ne eos in.</p>
					<span>Ex pri dictas patentium constituto, cum cu facilis blandit. </span>
					<span>Dicat summo duo </span>
					<span>ea, ex sed assum delicatissimi. Has pertinax pericula accommodare ei, diam facer deterruisset eum et.</span>
					
				</div>
				<div class="banner_ad fl">
					<img class="fl" src="img/feature_t_img_03.jpg" >
					<p>Social Media Marketing</p>
					<p>Graeci lines mollis ne eos in.</p>
					<span>Ex pri dictas patentium constituto, cum cu facilis blandit. 
					Dicat summo duo ea, ex sed assum delicatissimi. Has pertinax pericula
					</span>
					<span>accommodare ei</span>
					<span>, diam facer deterruisset eum et.</span>
					
				</div>
				</div>
				
				<div class="next">
					<p>Who we are
					<span>Testimonials</span>
					</p>
					
					<div class="next_1 fl">
					<span>Mel an zril facete option, id his graece</span>
					<span>atomorum repudiandae,</span>
					<span>nam an illum ullum graecis. 
					Qui prima desiseu est tota eligendi tractatos ea. Vix nemore invenire gubergen cu. 
					Ne his prompta fabellas. hincts eripuit eam et, iusto mucius pertinax ut qui. zril commune luptatum ex sea. 
					lus ex putent aliquamse accommodare, at vis semper labitur equidem, pri eius etiam incorrupte cu.
					Ei vix elit definitiones utamur.
					</span>
					<p>
					Duo probo dicunt dfficiendi in, cu vim graecis invidunt, nemore patrioque pri id. 
					Mei aliquip menadri ea. Ex pri dictas patentium constituto, cum cu facilis blandit.
					Dicat summo duo ea, ex sed assum delicatissimi has.
					</p>
					</div>
					<div class="next_2 fl">
						<p>Vestibulum accumsan trique massa, ac aliquarm augue volutpat eget. 
						Donec justo eros, gravida tristique ornare sit amet, rhoncus a leo.
						nulla facilisi. Integer return nisl eros.
						</p>
						<p>Albert Heize, ITC Company</p>
					</div>
				</div>
				<div class="last">
					<p>
						Letest Projects  
						<span>
							All Projects
						</span>
						<span>
							Web Design
						</span>
						<span>
							Logo Design
						</span>
						<span>
							Print   
						</span>
						<span>
							Illustrations
						</span>
					</p>
					<div class="picture fl">
						<img src="img/project_b_img_60.jpg" >
					</div>
					
					<div class="picture fl">
						<img src="img/project_b_img_63.jpg" alt="">
					</div>
					<div class="picture fl">
						<img src="img/project_b_img_65.jpg" >
					</div>
					<div class="picture fl">
						<img src="img/project_b_img_67.jpg" >
					</div>
				</div>
				
			</div>
			<div class="main">
				<div class="bt_2"></div>
				<div class="bg_2">
					
					<div class="left fl">
		        <p>From the Blog</p>
				<div id="bg_3"></div>
				
				
				<div class="left_1 fl">
					<img class="fl" src="img/blog_78.png" >
					<p>Vivamuts mauris justo, feermentum quis mattis vel, autor vitae metus.</p>
					<div>
						
						<span style="color: rgba(255,255,255,0.4);font-size: 9px; font-style: italic; padding-left: 7px;margin-top: 7px;">22 January 2015
						<img class="fl" style="padding-top: 6px;padding-left: 10px;" src="img/contact_clock.png" >
						<img style="padding-top: 6px;padding-left: 10px;" src="img/contact_category.png" >
						</span>
						<span style="color: rgba(255,255,255,0.4);font-size: 9px;  padding-left: 7px;margin-top: 7px;">
							Tutorials
					    </span>
					</div>
					
				</div>
				<div class="left_1 fl"style="padding-top: 9px;">
					<img class="fl" src="img/blog_81.png" >
					<p>Vivamuts mauris justo, feermentum quis mattis vel, autor vitae metus.</p>
					<div>
						
						<span style="color: rgba(255,255,255,0.4);font-size: 9px; font-style: italic; padding-left: 7px;margin-top: 7px;">22 January 2012
						<img class="fl" style="padding-top: 6px;padding-left: 10px;" src="img/contact_clock.png" >
						<img style="padding-top: 6px;padding-left: 10px;" src="img/contact_category.png" >
						</span>
						<span style="color: rgba(255,255,255,0.4);font-size: 9px;  padding-left: 7px;margin-top: 7px;">
							Inspiration
					    </span>
					</div>
					
				</div>
				
				
				<div class="left_1 fl"style="padding-top: 9px;border-bottom: 2px double #363636;">
					<img class="fl" src="img/blog_83.jpg" >
					<p>Vivamuts mauris justo, feermentum quis mattis vel, autor vitae metus.</p>
					<div>
						
						<span style="color: rgba(255,255,255,0.4);font-size: 9px; font-style: italic; padding-left: 7px;margin-top: 7px;">22 January 2015
						<img class="fl" style="padding-top: 6px;padding-left: 10px;" src="img/contact_clock.png" >
						<img style="padding-top: 6px;padding-left: 10px;" src="img/contact_category.png" >
						</span>
						<span style="color: rgba(255,255,255,0.4);font-size: 9px;  padding-left: 7px;margin-top: 7px;">
							Tutorials
					    </span>
					</div>
					
				</div>
				<div>
					<p style="color: #F4B011;padding-top: 281px;font-size: 8px; text-decoration: underline;">Visit Our Blog</p>
				</div>
				
					</div>
					
					
					
				<div class="mid fl">
				<p>Recent Twitter Updates</p>
				<div id="bg_4"></div>
				
				
				<div class="mid_1 fl">
					<img class="fl" src="img/contact_twitter.png" >
					<p style="color: #F4B011;font-size: 12px;margin-top: -1px;">@Maeceas
					<span style="color: rgba(255,255,255,0.3);">tempor rhoncus quam et dignissim. In hendrerit odio at risus vehicula hendrerit. ...</span>
					</p>
					<p style="color: #F4B011;font-size: 9px;margin-left: 39px; margin-top: 10px;">
						48 minutes ago reply retweet favorite
					</p>
					
				</div>
				
				<div class="mid_1 fl" style="padding-top: 9px;border-bottom: 2px double #363636;">
					<img class="fl" src="img/contact_twitter.png" >
					<p style="color: #F4B011;font-size: 12px;margin-top: -1px;">@Maeceas
					<span style="color: rgba(255,255,255,0.3);">tempor rhoncus quam et dignissim. In hendrerit odio at risus vehicula hendrerit. ...</span>
					</p>
					<p style="color: #F4B011;font-size: 9px;margin-left: 39px; margin-top: 10px;">
						48 minutes ago reply retweet favorite
					</p>
					
				</div>
				
				<div>
					<p style="color: #F4B011;padding-top: 251px;font-size: 8px; text-decoration: underline;">Join the conversation</p>
				</div>
				
				
					</div>
					
					<div class="right fl">
					<p>Contact Us</p>
					<div id="bg_5"></div>
					
					<div class="right_1 fl">
						<img class="fl" src="img/contact_location.png" >
						<p style="color: rgba(255,255,255,0.3);font-size: 12px;margin-top: -1px;">
							180 Qarasay batyr street, Office 26 Almaty 050000, Kazakhstan
						</p>
						<img class="fl" style="padding-top: 22px;" src="img/contact_phone.png" >
						<p style="color: rgba(255,255,255,0.3);font-size: 12px;margin-top: 21px;padding-left:39px ;">
							+7(701) 757 8779
						</p>
						<img class="fl" style="padding-top: 22px;margin-left: -12px;" src="img/contact_email.png" >
						<p style="color: rgba(255,255,255,0.3);font-size: 12px;margin-top: 20px;padding-left:39px ;">
							contact@solaris.domainname
						</p>
						
						
					</div>
					
					<div class="right_1 fl" style="height: 75px; padding-top: 9px;border-bottom: 2px double #363636;">
						<img class="fl" style="margin-left: 45px;margin-top: 13px;" src="img/touch_88.jpg" >
						
						
						
					</div>
					
						</div>
						
						<div class="down">
							<div class="a">
							<span style="color: rgba(255,255,255,0.3);font-size: 9px;padding-top: 15px;">
								Copyright © 2015 Solaris Premium PSD Web Template.
							</span>
							<span style="color: rgba(255,255,255,0.3);font-size: 9px;padding-top: 15px;padding-left: 464px;">
							By Bekzat Sadykov for
							<span style="color: #F4B011;text-decoration: underline; font-size: 9px;padding-top: 15px;">
							Themeforest
							</span>
							
							</span>
							</div>
						</div>
						
				</div>
			</div>
		</div>
		
		</div>
	</body>
</html>
